.login {
  width          : 100%;
  height: 100%;
  // height         : 1080px;
  // background     : url("../../assets/images/login-bg.d2e175e8.png")no-repeat;
  background-size: cover;
  // min-width: 1200px;
  // min-height: 900px;
  position: relative;
  .bg{
      max-width: 100%;
      width: 100%;
      height: auto;
      // height: 100%;
      position: absolute;
      z-index: -1;
      top: 0;
      left: 0;
  }
  .header {
      width         : 330px;
      margin        : 0 auto;
      height        : 20%;
      text-align    : center;
      font-size     : 50px;
      color         : #fff;
      letter-spacing: 10px;
      padding-top   : 50px;
  }

  .login-from {
      position          : absolute;
      top               : 50%;
      border-radius     : 4px;
      margin-top        : -90px;
      width             : 330px;
      height            : 380px;
      left              : 50%;
      transform         : translate(-50%, -50%);
      background        : white;
      -webkit-box-shadow: 0 0 40px rgba(0, 0, 0, 0.8);
      box-shadow        : 0 0 40px rgba(0, 0, 0, 0.8);

      .logo-box {
          text-align   : center;
          padding      : 10px 0;
          border-bottom: 1px solid #ddd;

          img {
              width : 75px;
              height: 60px;
          }
      }

      .sty-name {
          text-align: center;
          color     : rgba(0, 0, 0, 0.65);
          margin-top: 20px;
          font-size : 14px;
          margin-bottom: 20px;
      }

      .form-box {
          width : 80%;
          margin: 0 auto;

          .el-input {
              margin:  0;
          }
         
          .el-button {
              width       : 100%;
              background  : #EF7E09;
              border-color: #EF7E09;
              color       : #fff;
              margin-top  : 20px;
          }
      }
  }

}